<header class="header fixed clearfix">
    <div class="container">
        <div class="row">
            <div class="col-md-3">

                <!-- header-left start -->
                <!-- ================ -->
                <div class="header-left clearfix">

                    <!-- logo -->
                    <div class="logo">
                        <a href="index.html"><img id="logo" src="/resource/home/images/logo_red.png" alt="iDea"></a>
                    </div>

                    <!-- name-and-slogan -->
                    <div class="site-slogan">
                        Clean &amp; Powerful Bootstrap Theme
                    </div>

                </div>
                <!-- header-left end -->

            </div>
            <div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >企业网站模板</a></div>
            <div class="col-md-9">

                <!-- header-right start -->
                <!-- ================ -->
                <div class="header-right clearfix">

                    <!-- main-navigation start -->
                    <!-- ================ -->
                    <div class="main-navigation animated">

                        <!-- navbar start -->
                        <!-- ================ -->
                        <nav class="navbar navbar-default" role="navigation">
                            <div class="container-fluid">

                                <!-- Toggle get grouped for better mobile display -->
                                <div class="navbar-header">
                                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-1">
                                        <span class="sr-only">Toggle navigation</span>
                                        <span class="icon-bar"></span>
                                        <span class="icon-bar"></span>
                                        <span class="icon-bar"></span>
                                    </button>
                                </div>

                                <!-- Collect the nav links, forms, and other content for toggling -->
                                <div class="collapse navbar-collapse" id="navbar-collapse-1">
                                    <ul class="nav navbar-nav navbar-right">
                                        <li <#if controllerName == 'index' && actionName == 'index' >class="active"</#if> >
                                            <a href="/index" > <@spring.message "Home" /> </a>
                                        </li>
                                        <!-- mega-menu start -->

                                        <!-- mega-menu end -->
                                        <#--<li <#if controllerName == 'index' && actionName == 'fetura' >class="active"</#if>  >-->
                                            <#--<a href="/fetura"  ><@spring.message "Future" ></@spring.message> </a>-->
                                        <#--</li>-->
                                        <li <#if controllerName == 'index' && actionName == 'about' >class="active"</#if>  >
                                            <a href="/about"  > <@spring.message "About" /> </a>
                                        </li>

                                        <li <#if controllerName == 'index' && actionName == 'contact' >class="active"</#if>  >
                                            <a href="/contact"  > <@spring.message "Connect" /> </a>
                                        </li>

                                        <li class="dropdown <#if controllerName == 'blog' >active</#if> ">
                                            <a href="/blog/list" class="dropdown-toggle" data-toggle="dropdown"><@spring.message "Blog" /> </a>
                                            <ul class="dropdown-menu">
                                                <li><a href="/blog/list"><@spring.message "AllCategories" /></a></li>
                                                <#list categoryList as category >
                                                    <li><a href="/blog/list?categoryId=${category.id}">${category.title}</a></li>
                                                </#list>

                                            </ul>
                                        </li>
                                    </ul>
                                </div>

                            </div>
                        </nav>
                        <!-- navbar end -->

                    </div>
                    <!-- main-navigation end -->

                </div>
                <!-- header-right end -->

            </div>
        </div>
    </div>
</header>